<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="images/ico/favicon.png">

    <title>Tlion!</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
	
	<script src="js/modernizr.custom.js"></script>		

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
  
  <header class="header"> 
    <div class="container">

	  <div class="row">
 	  
	    <div class="col-md-3">
		  <div class="logo">
		     <a href="index.html">Tlion!</a>
		  </div>
		</div>
		
		<div class="col-md-9">
                  <div class="menu">
                    <div id="dl-menu" class="dl-menuwrapper">
                    <button class="dl-trigger">Open Menu</button>
                      <ul class="dl-menu">
                        <li class="current"><a href="index.html">主页</a></li>
                        <li><a href="about.html">部门管理</a></li>
                            <li><a href="team.html">员工领导</a></li>
                            <li ><a href="404.html">404</a></li>
                        
                        <li><a href="#">照片墙</a>
                            <ul class="dl-submenu">
                            	<li><a href="portfolio2.html">照片墙 2</a></li>
                                <li><a href="portfolio3.html">照片墙 3</a></li>
                                <li><a href="portfolio4.html">照片墙 4</a></li>
                            </ul>
                        </li>
                        <li><a href="blog.html">公司动态</a></li>
                        <li><a href="contact.html">意见</a></li>
                        <li><a href="mmy/T_user.jsp">登陆注册</a></li>
                      </ul>
                    </div> 
                  </div><!-- /.menu --> 
		</div>
		
	  </div>

	</div>
  </header>	
  
  <div class="page_banner">

  <!-- start page_title -->
    <img src="images/page_banner_portfolio.jpg" alt="" />
  <!-- end page_title --> 
  
  </div>
	
  <!-- start content -->
  <div class="content">
	
  <!-- start block -->		
  <div class="block">
    <div class="container">
	
	      <h2 class="headline">第四个照片墙</h2>
          <span class="line">
            <span class="sub-line"></span>
          </span>		
	
        <div class="row">
<div class="col-xs-3">
						<a href="images/gallery/01.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/01.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/02.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/02.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/03.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/03.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/04.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/04.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
		</div>
		
		<div class="m15"></div>

        <div class="row">

<div class="col-xs-3">
						<a href="images/gallery/05.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/05.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/06.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/06.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/07.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/07.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/08.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/08.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
		</div>	
		
		<div class="m15"></div>

        <div class="row">
<div class="col-xs-3">
						<a href="images/gallery/09.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/09.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/10.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/10.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/11.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/11.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
<div class="col-xs-3">
						<a href="images/gallery/12.jpg" data-gal="prettyPhoto" class="work-image">
							<img src="images/gallery/12.jpg" alt="">
							<div class="link-overlay fa fa-search">
							</div>
						</a>
</div>
		</div>
	  
	</div>
  </div>
  <!-- end block -->  	
  
  </div>
  <!-- end content -->
  
  <footer>
    <div class="footer-top">
	  <div class="container">
	    <div class="row">
		  <div class="col-md-8">
		   <h3>关于 Tlion!</h3>
			<p>Tlion网络科技有限公司是由一批具有国内著名网络公司服务背景的网络精英所组成，年轻、富有活力，注定一开始就是一家成熟的网络科技公司，是一家专业从事网站建设、网站推广和网络营销的互联网基础运营商。
</p>
           
            
            
		  </div>
		  <div class="col-md-4">
          <h3>立刻联系我们！</h3>
          
          <p>Suit 44, 25th Floor, World Beach.</p>
          <p>Washington, DC 08808, USA.</p>
          
          <ul class="get-social">
            <li>
            <a href="#">
            <i class="fa fa-facebook"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-twitter"></i>
            </a>
            </li>
           
            <li>
            <a href="#">
            <i class="fa fa-linkedin"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-google-plus"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-pinterest"></i>
            </a>
            </li>
            
            </ul>
            
            
          	
          </div>
		  
		   			  
		</div>
	  </div>
	</div>
	
  </footer>


    <!-- JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
	
	<script src="js/jquery.dlmenu.js"></script>
	
    <script type="text/javascript" src="js/jquery.flexisel.js"></script>

	<script src="js/jquery.prettyPhoto.js"></script>	

    <script type='text/javascript' src='js/jquery.min.js'></script>
    <script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='js/jquery.easing.1.3.js'></script> 
    <script type='text/javascript' src='js/camera.min.js'></script> 	
	
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
	<script src="js/jquery.gmap.min.js"></script>
	
	<script type="text/javascript" src="js/jquery.ajax-contact-form.js"></script>	

    <script src="js/script.js"></script>
	
  </body>
</html>